<%-- 
    Document   : Formulario_Administrador
    Created on : 30/03/2012, 11:27:58 AM
    Author     : andrade
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Crear Usuario Administrador - SAVE</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="Fancy Sliding Form with jQuery" />
        <meta name="keywords" content="jquery, form, sliding, usability, css3, validation, javascript"/>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/sliding.form.js"></script>
        
        <script src="js_validar/jquery.validate.js" type="text/javascript"></script>
        <script type="text/javascript" src="js_validar/jquery.maskedinput.js"></script>
        <script type="text/javascript" src="js_validar/mktSignup.js"></script>

    </head>

    <body>

        <div id="content">
            <div >
                <img src="Imagenes/Banner20122.jpeg" width="698px" height="150px">
            </div>
            <div id="wrapper">
                <div id="steps">
                    <form id="formElem" name="formElem" action="" method="post">
                        <fieldset class="step">
                            <legend>Informaci&oacute;n Cuenta</legend>

                            <p style="margin-top:90px">
                                <label id="texto" for="identification">Identificaci&oacute;n</label>
                                <input id="identification" placeholder="1113785###" type="text" name="identification" class="required digits minlength" autocomplete="off"/>
                            </p>
                            <p>
                                <label id="texto" for="email">Email</label>
                                <input id="email" name="email" placeholder="info@correo.com" type="email" class="required email" AUTOCOMPLETE="OFF" />
                            </p>
                            <p>
                                <label id="texto" for="password">Contrase&ntilde;a</label>
                                <input id="password1" class="required  minlength"  minlength="6" maxlength="10"  name="password1"  type="password" value="" /> 
                            </p>
                             <p>
                                <label id="texto" for="password2">Vuelva a escribir la contrase&ntilde;a</label>
                                <input id="password2" class="required minlength" equalTo="#password1" minlength="6" maxlength="10" name="password2"   type="password"  value="" />
                            </p>
                            <p>
                                <label id="texto" for="type">Tipo de Administrador</label>
                                <select id="type" name="type" class="required">
                                    <option value="">---------</option>
                                    <option>Administrador</option>
                                    <option>Super Usuario</option>
                                </select>
                            </p>
                        </fieldset>
                        <fieldset class="step">
                            <legend>Informaci&oacute;n Usuario</legend>
                            <p style="margin-top:50px">
                                <label id="texto" for="name">Nombre</label>
                                <input id="name" placeholder="minombre" name="name" class="required" type="text" AUTOCOMPLETE="OFF" />
                            </p>
                            <p>
                                <label id="texto" for="surname">Apellido</label>
                                <input id="surname" placeholder="miapellido" name="surname" class="required" type="text" AUTOCOMPLETE="OFF" />
                            </p>
                            <p>
                                <label id="texto" for="telephone">Tel&eacute;fono</label>
                                <input id="telephone" placeholder="Teléfono fijo comenzar con 000" name="telephone" class="required phone" type="tel"  AUTOCOMPLETE="OFF" />
                            </p>
                            <p>
                                <label id="texto" for="address">Direcci&oacute;n</label>
                                <input id="address" placeholder="calle 13 n 3-##" name="address" class="required" type="text" autocomplete="off"/>
                            </p>
                            <p>
                                <label id="texto" for="origin">Lugar de Origen</label>
                                <input id="origin" placeholder="Roldanillo" name="origin" class="required" type="text" autocomplete="off"/>
                            </p>
                            <p>
                                <label id="texto" for="sex">Sexo</label>
                                <select id="sex" name="sex" class="required">
                                    <option value="">---------</option>
                                    <option>Masculino</option>
                                    <option>Femenino</option>
                                </select>
                            </p>
                        </fieldset>
                        <fieldset class="step">
                            <legend>Confirmar Ingreso </legend>


                            <p id="grande" style="margin-top:100px">Advertecia

                            </p>  

                            <p id="grande2">

                                El formulario es llenado correctamente si todos botones 
                                tiene una marca de verificación verde.
                                </br>
                                Si los botones tienen una marca de verificación 
                                roja indica que algún campo se encuentra vacio
                                o rellenado con datos no válidos. 

                            </p>
                            <p class="submit">
                                <button id="registerButton" type="submit">Registrar</button>
                            </p>
                            <p class="submit">
                                <a href="Module_Administrator.jsp" style="text-decoration: none"><button >Regresar</button></a>
                            </p>
                        </fieldset>                                                
                    </form>
                </div>
                <div id="navigation" style="display:none;">
                    <ul>
                        <li class="selected">
                            <a href="#">Cuenta</a>
                        </li>
                        <li>
                            <a href="#">Usuario</a>
                        </li>
                        <li>
                            <a href="#">Confirmaci&oacute;n</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>